﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>设备查询</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <script src="components/requirejs/require.js" async="async" data-main="resources/js/equipment"></script>
    <link href="components/mint-ui/style.min.css" rel="stylesheet" />
    <link href="resources/css/common.css" rel="stylesheet" />
    <link href="resources/css/equipment.css" rel="stylesheet" />
</head>
<body>
    <div id="view">
        <div view v-if="isloading"></div>

        <div query>
            <div>
                <div center-v>
                    <input type="text" placeholder="按资产编号/名称/类型" v-model="keyword" />
                </div>
                <div center v-on:click="query">
                    <img src="resources/image/common/search.png" />
                </div>
            </div>
            <div center v-on:click="scan">
                <img src="resources/image/equipment/scan.png" />
            </div>
        </div>

        <div group v-if="ci.length > 0">
            <div group-title>
                <div>
                    查询结果
                </div>
                <div center>
                    <div arrow-up></div>
                </div>
            </div>
            <div group-item v-for="item in ci" v-on:click="gotoDetail(item.id)">
                <div>
                    <div>
                        {{item.code}} {{item.name}}
                    </div>
                    <div>
                        {{item.conf_category_name}}
                    </div>
                </div>
                <div center>
                    <div fault v-if="item.status">{{item.status}}</div>
                </div>
            </div>
        </div>

        <div empty v-if="ci.length == 0">
            <img src="resources/image/common/empty.png" />
            <div>暂无数据</div>
        </div>
    </div>
</body>
</html>